* {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

$w:100%;
$w2:1000px;
$m:0 auto;
$oh:hidden;
$p:position;
$a:absolute;
$r:relative;
$f:fixed;
.header {
    width: $w;
    height: 100px;
    overflow: $oh;
    .header_con {
        width: $w2;
        height: 90px;
        margin: $m;
        margin-top: 10px;
        #{$p}: $r;
        .logo {
            width: 229px;
            height: 90px;
            float: left;
            img {
                width: 229px;
                height: 90px;
            }
        }
        .welcome_login {
            width: 90px;
            height: 90px;
            text-align: center;
            line-height: 90px;
            float: left;
            font-family: Helvetica, 黑体;
            font-size: 18px;
            color: #949292;
        }
        .contact {
            #{$p}: $a;
            width: 200px;
            height: 30px;
            font-family: Helvetica, 黑体;
            font-size: 15px;
            color: #000;
            text-align: center;
            line-height: 30px;
            right: 0;
            bottom: 0;
            background: url(../../img/style_img/8-132_03.jpg) no-repeat left center;
        }
    }
}

.main {
    height: 570px;
    width: $w;
    background: url(../../img/style_img/caigou-bg.jpg) no-repeat center center;
    background-size: cover;
    .register {
        width: $w2;
        height: 570px;
        margin: $m;
        .r_left {
            height: 570px;
            width: 650px;
            float: left;
            overflow: $oh;
            img {
                width: 650px;
            }
        }
        .r_right {
            height: 570px;
            width: 350px;
            float: left;
            overflow: $oh;
            .r_con {
                background: #fff;
                width: 350px;
                height: 500px;
                float: left;
                margin: 35px 0px;
                overflow: $oh;
                ul {
                    width: 300px;
                    height: 410px;
                    float: left;
                    margin: 45px 25px;
                    overflow: $oh;
                    li {
                        width: 300px;
                        #{$p}:$r;
                        input {
                            color: #333333;
                            text-indent: 2.8em;
                            width: 250px;
                            height: 32px;
                            line-height: 32px;
                            vertical-align: middle;
                            border: 1px solid #ccc;
                        }
                        #username_tips,#pw_tips{
                            height:32px;
                             #{$p}:$a;
                             line-height: 32px;
                             width:252px;
                             top:34px;
                             left:24px;
                             display: block;
                             font-size:12px;
                             color:#ccc;
                        }
                    }
                    .li1 {
                        height: 37px;
                        text-align: left;
                        overflow: hidden;
                        color: #6d6d6d;
                        font-size: 15px;
                        border-bottom: #ccc solid 1px;
                    }
                    .li2 {
                        margin-top: 32px;
                        height: 64px;
                        overflow: $oh;
                        #username {
                            background:#fff url(../../img/style_img/login_reg_input_user_bg.jpg) no-repeat left center;
                            margin: 0px 24px;
                        }
                    }
                    .li3 {
                        height: 64px;
                        overflow: $oh;
                        #pw {
                            background:#fff url(../../img/style_img/login_reg_input_pw_bg.jpg) no-repeat left center;
                            margin: 0px 24px;
                        }
                    }
                    .li4 {
                        width: 250px;
                        height: 24px;
                        line-height: 24px;
                        margin: $m;
                        #ck {
                            float: left;
                            width: 13px;
                            height: 13px;
                            margin-top: 6px;
                        }
                        label {
                            margin-left: 2px;
                            float: left;
                            color: #000;
                            font-size: 12px;
                        }
                        a {
                            color: #a78668;
                            text-decoration: underline;
                            margin-left: 45px;
                            font-size: 10px;
                        }
                    }
                    .li5 {
                        height: 30px;
                        margin-top: 10px;
                        #submit {
                            outline: none;
                            width:250px;
                            margin: 8px 24px;
                            height: 30px;
                            line-height: 30px;
                            color: #fff;
                            text-indent: 0em;
                            text-align: center;
                            font-size: 16px;
                            border: none;
                            cursor: pointer;
                            background: #cf0101;
                        }
                    }
                    .li6{
                        font-size:12px;
                        line-height: 65px;
                        text-align: right;
                        height:65px;
                        border-bottom: #ccc solid 1px;
                        a{
                            margin-left:10px;
                            font-size:10px;
                            text-decoration: underline;
                            color: #a78668;
                        }
                    }
                    .li7{
                        height:68px;
                        overflow: $oh;
                        p,.qq{
                           padding-left:25px; 
                        }
                        p{
                            font-size:12px;
                            margin-top:20px;
                            width:250px;
                            height:24px;
                            color:#000;
                            float:left;
                        }
                        a{
                            float:left;
                            margin-right:3px;
                        }
                    }
                }
            }
        }
    }
}